<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form</title>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="module" src="../src/js/select.js"></script>
</head>

<body>
    <div>
        <jsc-select required value="1"
            options='[{"value":1,"label":"选项选项选项选项选项选项选项选项选项选项选项001"},{"value":"2","label":"选项002"},{"value":"3","label":"选项003"},{"value":"4","label":"选项004"},{"value":"5","label":"选项005"}]'>
        </jsc-select>
        <jsc-select multiple optionwidth='-1'
            options='[{"value":1,"label":"选项选项选项选项选项选项选项选项选项选项选项001"},{"value":"2","label":"选项002"},{"value":"3","label":"选项003"},{"value":"4","label":"选项004"},{"value":"5","label":"选项005"}]'>
        </jsc-select>
    </div>
    <jsc-select required optionwidth='300'
        options='[{"value":1,"label":"选项选项选项选项选项选项选项选项选项选项选项001"},{"value":"2","label":"选项002"},{"value":"3","label":"选项003"},{"value":"4","label":"选项004"},{"value":"5","label":"选项005"}]'>
    </jsc-select>
    <p>hello world</p>
    <div>
        <p style="display: inline-block;">hello</p>
        <jsc-select
            options='[{"value":1,"label":"选项选项选项选项选项选项选项选项选项选项选项001"},{"value":"2","label":"选项002"},{"value":"3","label":"选项003"},{"value":"4","label":"选项004"},{"value":"5","label":"选项005"}]'>
        </jsc-select>
    </div>
</body>
<script defer="true" type="text/javascript">
    document.addEventListener('DOMContentLoaded', function (e) { });
</script>

</html>